<template>
    <div id="all">
            <van-swipe :autoplay="3000" indicator-color="white">
                <van-swipe-item><CardItem/></van-swipe-item>
                <van-swipe-item><CardItem/></van-swipe-item>
                <van-swipe-item><CardItem/></van-swipe-item>
                <van-swipe-item><CardItem/></van-swipe-item>
            </van-swipe>
    </div>
</template>

<script>
    import {Swipe,SwipeItem } from "vant";
    import CardItem from "./cardItem/CardItem"
    export default {
        name: "Card",
        components:{
            "van-swipe":Swipe,
            "van-swipe-item":SwipeItem,
            CardItem,

        }
    }
</script>

<style>



</style>